
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>$.load方法</title>
</head>
<body>
    <form id="form" onsubmit=" return false">
        <label>手机号：<input type="text" name="phone" id="phone"></label>
        <label>密码：<input type="text"  name="psd" id="psd"></label>
        <label>确认密码：<input type="text" name="repsd"  id="repsd"></label>
        <button type="submit" id="btn">提交</button>
    </form>
    /*
            语法
            $.param(object,trad)
            参数	描述
                object	必需。规定要序列化的数组或对象。
                trad	可选。布尔值，指定是否使用参数序列化的传统样式。

            1.param() 方法创建数组或对象的序列化表示形式。
                语法
                    $.param(object,trad)
                参数描述
                    object	必需。规定要序列化的数组或对象。
                    trad	可选。布尔值，指定是否使用参数序列化的传统样式。
            2.serialize() 方法通过序列化表单值创建URL编码文本字符串。  表单需要加name属性 
                语法
                    $(selector).serialize()
        */
    <script src="./jquery.js"></script>
    <script src="./lib/form-serialize.js"></script>
    <script>

    //    1:$.param()
        // $("button").click(function () {
        //     //phone=13122222222&psd=111111&repsd=111111
        //    let obj = {
        //         phone:$("#phone").val(),
        //         psd:$("#psd").val(),
        //         repsd:$("#repsd").val(),
        //     }
            
        //     console.log(obj);
        //     console.log($.param(obj));

            
        // });

        // 2: jqery种有 
        // 3：from-serialize()
        $("button").click(function () {
            //phone=13122222222&psd=111111&repsd=111111
        
            console.log($("#form").serialize());
        
            
        });
    </script>
</body>
</html>